<!-- 
@function:日期选择框
@author：ljr
@description
1.设置 接受的prop绑定数据
format：String 日期的显示格式
type：String year/month/date/dates/ week/datetime/datetimerange/daterange default:date
valueformat：存储值样式 
selectDefault（主要用于查询和修改时显示之前的记录），String类型，默认为空
options（下拉选项），Array类型，默认值为空Array.另外label可缺省
2.行为 当悬着的时间变了，会触发selectChange事件，将选中的值传给父组件select-change事件
 -->
<template>
  <el-date-picker
    v-model="value"
    :type=type
    placeholder="选择日期"
    :format=format
    :value-format=valueformat
    @change="dateChange">
  </el-date-picker>
</template>

<script>
  export default {
  	props:{
      format:{
        type:String,
        default:()=>{
          return "yyyy-MM-dd";
        }
      },
      type:{
        type:String,
        default:"date"
      },
      valueformat:{
        type:String,
        default:()=>{
          return "";
        }
      },
  		selectDefault:{
  			type:[Number,String]
  		}
  	},
  	methods:{
  		dateChange(value){
  			this.$emit("select-change",value);
  		}
  	},
    data() {
      return {
        value: ''
      }
    },
    created(){
    	this.value = this.selectDefault;
      this.$emit("select-change",this.selectDefault);
    }
  }
</script>

<style>
	
</style>